body{
    background-color: #ccffec;
}

/*header*/
.navbar-form{
    padding: 0px;
    border: none;
}
.myspan{
    background:white;
    border-left:none !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.myinput{
    border-right:none !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.search-map-container{

    /*min-height: 550px;*/
    padding:1em 1em;
}

.search-user-info-container{
    position: relative;
    margin-left: 5em;
}

.search-user-img img{
    width:4em;
    height:4em;
    border-radius: 100%;
}

#search-map{
    width:100%;
}

/*.search-username{*/
    /*height:2em;*/
    /*width:4em;*/
    /*background-color: #ffffff;*/
    /*text-align: center;*/
    /*line-height: 2em;*/
    /*border-radius: 1em;*/
    /*margin:0 0;*/
    /*margin-bottom: 0.5em;*/
/*}*/

/*.search-username span{*/
    /*color:#339999;*/
    /*font-size: 1em;*/
/*}*/

/*.search-username::before{*/
    /*content: ' ';*/
    /*height: 0;*/
    /*position: absolute;*/
    /*width: 0;*/
/*}*/

/*.search-username::before {*/
    /*position: absolute;*/
    /*left: 1.5em;*/
    /*top: 2em;*/
    /*border: 0.5em solid;*/
    /*border-color:  #ffffff transparent   transparent   transparent ;*/
/*}*/

.search-task-wrapper{
    /*position: fixed;*/
    /*bottom: 6em;*/
    width:100%;
    font-weight: bold;
    /*height:14em;*/
}

.search-task-container{
    margin:0 auto;
    width:95%;
    padding:1em 1em;
    border-radius: 2em;
    border: dashed 3px #339999;
    background-color: #ffffff;
}

.search-task-left{
    width:35%;
    float: left;
    border-right:solid 2px #339999;
    height:12em;
}

.search-task-user-base{
    margin-bottom: 1em;
}

.search-task-user-base img{
    width:35%;
    border-radius: 100%;
    float: left;
}

.search-task-user-base span{
    width:60%;
    float: left;
    font-size:1.2em;
    /*font-weight: bold;*/
    color:  #339999;

    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

}

.search-task-user-detail-left{
    color: #ff7f21;
}

.search-task-user-detail-right{
    color: #339999;
}

.search-task-right{
    width:60%;
    float:right;

}

.search-task-base{

}

.search-task-header{
    width: 70%;
    float: left;
    color: #339999;
    font-size: 1.5em;
    word-break: break-all;
}

.search-task-score{
    width:30%;
    float: right;
    text-align: right;
    color:#ff7f21;
    font-size: 1.5em;
    white-space: nowrap;
}

.search-task-desc,.search-task-time{
    color:#339999 ;
    margin-bottom: 1em;
}

.search-task-accept-button{
    text-align: center;
}

.search-task-accept-button button{
    background-color:#339999 ;
    color: #ffffff;
    border-radius: 1em;
    font-size: 1.3em;
    padding:0.2em 0.4em;
}

/*滑动效果*/

/*sliding navigation between the slides*/
ul.search-task-ul{
    /*-webkit-perspective: 1000;*/
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    position: fixed;
    left:0;
    height:35vh;
    list-style-type: none;
    overflow: hidden;
    position: fixed;
    bottom: 3em;
}

li.search-task-wrapper{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 100vw;
    height: 100%;
}

/*end of sliding navigation between the slides*/
